<!DOCTYPE HTML>
<html class="no-js" lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="theme/kying/common :: head(~{::title})">
    <title th:text="|搜索 - ${webname} - 山河远阔，人间烟火，无一是你，无一不是你|">搜索-三岁的博客 - 山河远阔，人间烟火，无一是你，无一不是你</title>   <!--标题-->
</head>
<body>

<!--头部 nav-->
<span th:replace="theme/kying/common :: nav"></span>

<div id="pjax-container">
    <style>
        #header {
            height: 70vh;
        }

        @media (max-width: 768px) {
            #header {
                height: 40vh;
            }
        }

        #site-meta {
            display: none;
        }
    </style>
    <header id="header" class="clearfix animated fadeInDown">
        <div id="site-meta">
            <h1 id="site-name" th:text="${webname}">San'Sui Blog</h1>
            <h2 id="site-description" th:text="${webTitle}">San'Sui Blog</h2>
        </div>
        <div id="background"></div>
    </header><!-- end #header -->

    <div id="body" class="animated fadeIn">
        <div class="container">
            <div class="row">
                <div id="main" class="col-mb-12 col-8 col-offset-2">
                    <div style="border-radius: 5px;
                        background-color: #fff;
                        margin: 30px 0;
                        color: rgba(0,0,0,.7);
                        padding: 15px;">
                        包含关键字 <b><span th:text="${searchInfo.keyword}">111</span></b> 的文章，共 <span th:text="${searchInfo.total}">11</span> 条。
                        <br>SanSui'Blog
                    </div>
                    <!--文章列表部分-->
                    <span th:each="blog:${pageInfo.list}">
                        <article itemscope class="card animated wow fadeIn"
                                 data-wow-duration="1s" data-wow-offset="10">
                            <div class="card-title">
                                <a href="" th:href="@{/blogs/{id}(id=${blog.blogId})}" target="_blank"
                                   th:text="${blog.title}">三岁博客</a>
                            </div>
                            <div class="card-meta-top">
                                <span class="card-meta-cate"><i class="iconfont icon-aria-category"></i>
                                    <a href="#" th:text="${blog.typeName}">硬件类</a></span>
                                <span class="card-meta-date">
                                    <i class="iconfont icon-aria-date"></i>
                                    <span th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd HH:mm:ss')}">时间</span>
                                </span>
                            </div>
                            <a href="" th:href="@{/blogs/{id}(id=${blog.blogId})}">
                                <div class="card-thumbnail lazyload"
                                     data-original="" th:data-original="${blog.blogImg}"
                                     style="background:url(/kying/source/img/loading.svg) center center no-repeat;background-size: 100% auto;">
                                </div>
                            </a>
                            <div class="card-body"><span th:text="|${blog.description}......|"></span></div>
                            <div class="card-line"></div>
                            <ul class="card-meta-bottom">
                                <li class="card-meta-label card-meta-more"><a
                                        href="#" th:href="@{/blogs/{id}(id=${blog.blogId})}" title="Read More"
                                        target="_blank"><i class="iconfont icon-aria-more"></i><i
                                        class="iconfont icon-aria-more"></i></a></li>
                                <li class="card-meta-label card-meta-views card-meta-right"><i
                                        class="iconfont icon-aria-view"></i> <span th:text="${blog.views}">111</span>
                                </li>
                                <li class="card-meta-label card-meta-comments card-meta-right">
                                    <i class="iconfont icon-aria-comment"></i>
                                    <span th:text="${blog.commNum}">0</span>
                                </li>
                                <li class="card-meta-label card-meta-likes"></li>
                            </ul>
                        </article>
                    </span>
                    <!--底部分页-->
                    <div id="page-nav">
                        <ul>
                            <li>当前第</li>
                            <li class="page-current">
                                <a href="#" th:href="@{/search/(keyword=${searchInfo.keyword},pageNum=${pageInfo.pageNum})}"
                                   th:text="${pageInfo.pageNum}">1</a>
                            </li>
                            <li>页</li>
                            <li th:if="${pageInfo.hasNextPage}" class="page-current">
                                <a href="#" th:href="@{/search/(keyword=${searchInfo.keyword},pageNum=${pageInfo.pageNum}+1)}"
                                   th:text="${pageInfo.pageNum}+1">1</a>
                            </li>
                            <!--上一页-->
                            <li  th:if="${pageInfo.hasPreviousPage}">
                                <a href="#" th:href="@{/search/(keyword=${searchInfo.keyword},pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}"><</a>
                            </li>
                            <!--下一页-->
                            <li  th:if="${pageInfo.hasNextPage}">
                                <a href="#" th:href="@{/search/(keyword=${searchInfo.keyword},pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">></a>
                            </li>
                        </ul>
                    </div>
                </div><!-- end #main-->

            </div><!-- end .row -->
        </div><!-- end .container -->
    </div><!-- end #body -->
</div>
<!-- end #pjax-container -->

<div th:replace="theme/kying/common :: go-top"></div>
<footer th:replace="theme/kying/common :: footer"></footer>

<!--/*/<th:block th:replace="theme/kying/common :: script">/*/-->

<!--/*/</th:block>/*/-->
</body>
</html>